<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>求职简历</title>
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/blog.css">
  <script src="./js/jq.js"></script>
</head>


<body>
  <canvas class="canvas-wrap" id="triangle-lost-in-space" resize="true"></canvas>

  <!-- loadding -->
  <div class="lodding-wrap">
    <div class="loadding-div"></div>
  </div>

  <!-- 主要页面 -->
  <div class="box">

    <!-- 顶部栏 -->
    <div class="header borderafter">
      <!-- 返回按钮 -->
      <a style="position: absolute;left:50px;" href="javascript:history.back()">
        <svg t="1649246285004" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
          p-id="3737" width="20" height="20">
          <path
            d="M98 468.9l322.8-322.8v184.4C743.6 376.7 881.9 607.3 928 837.8 812.7 676.4 651.3 602.6 420.8 602.6v189.1L98 468.9z"
            p-id="3738" fill="#254665"></path>
        </svg>
      </a>

      <div class="col">
        <span>个人简历</span>
        <!-- 右边操作栏 -->
        <div class="header-right">
          <!-- 按钮 -->
          <div class="min_menu-wrap" id="minmenu">
            <span class="min_menu"></span>
          </div>
          <!-- 列表 -->
          <div class="menu_list">
            <!-- 栏目 -->
            <ul class="header-nav">
              <li><a href="./index2.html">主页</a></li>
              <li><a href="./home.html">项目</a></li>
              <li><a href="./resume.html">经验</a></li>
              <li><a href="./contact.html">联系</a></li>
              <li class="active"><a href="./blog.html">博客</a></li>
              <li><a href="./live.html">其他</a></li>
            </ul>
            <!-- 开关灯 -->
            <span class="kaig-bottm">
              <svg t="1649159647627" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="2250" width="15" height="15">
                <path
                  d="M1008.535135 710.670332l-70.446388 116.386904a112.099975 112.099975 0 0 1-140.572857 43.829042l-69.422645-17.083729c-5.502624 3.1992-11.133217 6.3984-16.763809 9.341665l-18.299425 62.896276C687.335435 981.514621 639.4754 1023.744064 582.657604 1023.744064H441.764828c-56.817796 0-104.677831-42.293427-110.308423-97.703574l-18.299425-62.896276a422.166458 422.166458 0 0 1-16.827793-9.341665l-69.614597 17.083729a112.163959 112.163959 0 0 1-140.508873-43.893026L15.631361 710.542364a107.493127 107.493127 0 0 1 32.43989-144.731817L96.251206 518.910272a410.649338 410.649338 0 0 1 0-14.204448l-48.179955-46.836291a107.365159 107.365159 0 0 1-32.375906-144.731817l70.190452-116.450888a112.099975 112.099975 0 0 1 140.572857-43.893026l69.550612 17.083729c5.566608-3.1992 11.133217-6.3984 16.827794-9.341665l18.299425-62.896276C336.831061 42.229443 384.691096 0 441.508892 0H582.529636c56.817796 0 104.677831 42.293427 110.372407 97.63959l18.235441 62.704324c5.75856 3.007248 11.325169 6.142464 16.827793 9.341665l69.678581-17.083729a112.163959 112.163959 0 0 1 140.508873 43.893026l70.446388 116.514872a107.493127 107.493127 0 0 1-32.375906 144.731817l-48.179955 46.772307a414.616346 414.616346 0 0 1 0 14.204448l48.243939 46.836291c47.092227 31.928018 62.192452 94.952262 32.247938 145.115721z m-213.066733-142.23644l3.391152-31.032242a246.210447 246.210447 0 0 0 0-51.699076l-3.263184-30.904274 93.992502-91.305173-53.554612-88.553862-131.615096 32.311922-23.546113-16.059985a294.134466 294.134466 0 0 0-48.627844-26.809297l-27.513121-11.901025L568.453156 127.968008H455.649356L419.370426 252.736816l-27.705074 11.965009c-16.635841 7.166208-32.951762 16.187953-48.499875 26.745313l-23.610097 15.996001-131.487128-32.247938-53.36266 88.489878 94.056486 91.433141-3.263184 30.968258a247.874031 247.874031 0 0 0 0 51.699076l3.1992 30.904274-93.928518 91.369157 53.554612 88.489878 131.551112-32.311922 23.610097 16.059985c15.292177 10.429393 31.544114 19.451137 48.563859 26.809297l27.577106 11.965009L455.905292 895.776056h112.611848l36.342914-124.768808 27.64109-11.965009c16.699825-7.166208 32.951762-16.187953 48.563859-26.745313l23.546113-15.996001 131.423144 32.247938 53.68258-88.745814-94.184454-91.369157zM512.147232 615.846038c57.329668 0 103.846038-46.516371 103.974006-103.974006 0-57.329668-46.644339-103.974006-103.974006-103.974007S408.173225 454.542364 408.173225 511.872032 454.817564 615.846038 512.147232 615.846038z m0 127.968008c-127.968008 0-231.942014-103.910022-231.942015-231.942014 0-127.968008 103.910022-231.942014 231.942015-231.942015 127.968008 0 231.942014 103.910022 231.942014 232.133967A232.133967 232.133967 0 0 1 512.147232 743.814046z"
                  p-id="2251"></path>
              </svg>
              <!-- 开关按钮 -->
              <span class="my-radio active" id="myRadio">
                <i></i>
              </span>
              <svg t="1649159678284" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="3376" width="15" height="15">
                <path
                  d="M505.4 878.6c-196.7 0-358-150.9-374.9-343.1 1-18.6 16.1-33.4 34.9-33.4 10.8 0 20.5 4.8 26.9 12.4 0.2 0.3 0.5 0.1 0.5-0.7 41.6 44.2 100.5 71.9 166.1 71.9 127.1 0 230.1-103 230.1-230.1 0-66.1-28-125.1-72.6-166.8 0.1-0.1 0.5-0.1 0.3-0.3-7-6.5-11.4-15.7-11.4-26.1 0-19 14.9-34.1 33.7-35.3 192.1 17.1 342.9 178.3 342.9 375 0 208-168.5 376.5-376.5 376.5z"
                  p-id="3377"></path>
              </svg>
            </span>
          </div>
        </div>
      </div>
    </div>
    <!-- 顶部导航 -->
    <div class="navigation">
      <div class="nav-titleBox co zz">
        <!-- 占位符 -->
        <div class="co-left"></div>

        <!-- 标题 -->
        <div class="co-right">
          <span class="titleBox-tag">CONTACT!</span>
          <h1>
            Action speak louder than words .
          </h1>
          <a class="buttom navbtn" href="#next-one">看看我发表的文章吧
          </a>
        </div>
      </div>
    </div>

    <!-- 主要修改部分 -->
    <div class="content zz">
      <!-- 占位符 -->
      <div class="co-left">
        <!-- 简历吸盘 -->
        <div class="me-card carbox borderbefore" id="mycard">
          <div class="mecar-title">
            <div class="me-image">
              <span class="status">
                <i>林里谜案</i>
              </span>
              <img src="./img/toux.jpg" alt="">
            </div>
            <h3>wttAndroid的个人简历</h3>
            <p class="me-hover">
              <span>其实，我的愿望是世界和平！</span>
            </p>
          </div>
          <div class="borderbotm"></div>
          <div class="lianxi-list">
            <a title="wx:w1457321681">
              <svg t="1649145899448" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="14861" width="15" height="15">
                <path
                  d="M506.942 345.921c25.259 0 42.134-16.916 42.134-42.107 0-25.477-16.848-41.956-42.134-41.956-25.299 0-50.668 16.48-50.668 41.956 0.028 25.204 25.409 42.107 50.668 42.107l0 0zM506.942 345.921zM271.257 261.857c-25.259 0-50.79 16.48-50.79 41.956 0 25.19 25.532 42.107 50.79 42.107 25.163 0 42.012-16.916 42.012-42.107-0.014-25.477-16.834-41.956-42.012-41.956l0 0zM271.257 261.857zM1010.654 615.492c0-133.202-123.563-246.702-275.237-258.512 0.205-1.652 0.301-3.373-0.068-5.092-30.406-141.79-182.886-248.695-354.7-248.695-194.15 0-352.119 135.387-352.119 301.793 0 89.279 45.574 169.725 131.946 233.158l-30.106 90.508c-1.939 5.885-0.177 12.37 4.506 16.452 2.853 2.458 6.445 3.741 10.076 3.741 2.335 0 4.697-0.546 6.867-1.625l113.036-56.565 13.926 2.827c34.802 7.154 64.853 13.353 101.868 13.353 10.895 0 40.878-3.987 43.404-7.182 40.755 101.99 153.094 175.61 285.273 175.61 33.86 0 68.13-8.164 98.891-15.866l87.136 47.636c2.307 1.257 4.847 1.911 7.359 1.911 3.441 0 6.881-1.161 9.639-3.413 4.847-3.932 6.841-10.404 5.038-16.33l-22.255-74.001c74.602-58.955 115.521-129.488 115.521-199.708l0 0zM409.798 665.75c-9.626 0.833-19.388 1.243-29.082 1.243-32.686 0-60.334-5.652-92.31-12.26l-18.582-3.755c-3.195-0.683-6.567-0.245-9.503 1.269l-81.687 40.892 21.231-63.775c2.076-6.24-0.205-13.053-5.57-16.821-82.07-57.207-123.659-126.894-123.659-207.093 0-144.179 139.087-261.516 310.067-261.516 151.142 0 284.959 91.955 312.579 214.261-158.475 2.076-286.706 113.487-286.706 250.32 0 19.893 3.018 39.171 8.11 57.767-1.542-0.382-3.168-0.683-4.887-0.532l0 0zM860.371 788.699c-4.875 3.673-6.935 10.007-5.188 15.852l13.804 45.903-56.647-30.993c-2.157-1.188-4.588-1.803-7.004-1.803-1.188 0-2.389 0.15-3.564 0.464-30.379 7.674-61.822 15.593-92.433 15.593-142.186 0-257.857-97.717-257.857-217.811 0-120.095 115.658-217.771 257.857-217.771 139.469 0 257.325 99.724 257.325 217.771 0 59.87-37.738 121.255-106.291 172.797l0 0zM868.181 797.178zM616.454 506.006c-16.848 0-33.696 16.971-33.696 33.792 0 16.944 16.848 33.669 33.696 33.669 25.313 0 42.038-16.725 42.038-33.669 0-16.848-16.725-33.792-42.038-33.792l0 0zM616.454 506.006zM801.58 506.006c-16.603 0-33.451 16.971-33.451 33.792 0 16.944 16.848 33.669 33.451 33.669 25.231 0 42.257-16.725 42.257-33.669 0-16.848-16.998-33.792-42.257-33.792l0 0zM801.58 506.006z"
                  p-id="14862"></path>
              </svg>
            </a>
            <a title="github:wttAndroid" href="https://gitee.com/wttAndroid">
              <svg t="1649145950732" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="16367" width="15" height="15">
                <path
                  d="M695.765333 981.333333h-276.053333c-26.794667 0-47.317333-21.077333-47.317333-48.64V739.84c0-29.184 6.314667-56.746667 17.365333-81.066667-129.365333-48.64-214.528-150.784-214.528-264.277333 0-53.504 17.365333-103.765333 50.474667-147.498667-12.629333-42.154667-15.786667-95.658667-12.629334-157.269333C216.234667 62.122667 236.8 42.666667 261.973333 42.666667c14.208 0 134.101333 1.621333 203.52 64.853333a504.448 504.448 0 0 1 184.533334 0C717.866667 44.288 837.717333 42.666667 853.504 42.666667c25.216 0 45.738667 19.456 47.317333 45.397333 4.693333 61.610667 0 115.114667-12.629333 157.269333C921.301333 290.688 938.666667 340.906667 938.666667 392.832c0 113.493333-85.162667 215.637333-214.528 264.277333a207.786667 207.786667 0 0 1 17.365333 81.066667v192.896c1.578667 27.562667-20.48 50.261333-45.738667 50.261333z m-228.693333-97.28h181.333333V739.84c0-27.562667-12.586667-53.504-33.109333-71.338667-14.165333-11.349333-20.48-30.805333-15.786667-50.261333 4.778667-17.834667 18.944-32.426667 36.309334-35.669333 123.050667-24.32 208.213333-102.144 208.213333-189.696 0-47.018667-25.258667-82.688-45.738667-105.386667-14.208-14.549333-17.365333-35.626667-7.893333-55.082667 6.314667-12.970667 15.786667-40.533333 15.786667-89.173333-39.466667 6.485333-85.205333 19.456-102.528 45.397333-11.093333 16.213333-31.573333 24.32-50.474667 19.456a393.045333 393.045333 0 0 0-194.005333 0c-18.944 4.864-37.888-3.242667-50.474667-19.456-17.365333-25.941333-63.146667-38.912-102.528-45.397333 1.578667 48.64 9.429333 76.202667 15.786667 89.173333 7.850667 17.834667 4.693333 40.533333-7.936 55.082667-20.48 22.698667-45.738667 58.368-45.738667 105.386667 0 87.552 85.205333 163.754667 208.213333 189.696 17.365333 3.242667 31.573333 17.834667 36.266667 35.669333 4.736 17.834667-1.578667 37.290667-15.786667 50.261333a95.104 95.104 0 0 0-33.109333 71.296v144.298667h3.157333z"
                  fill="#172B4D" p-id="16368"></path>
                <path
                  d="M403.968 788.394667c-212.949333 0-309.162667-194.56-313.898667-202.666667-11.050667-24.32-1.578667-53.461333 20.48-64.810667 23.68-11.349333 52.053333-1.621333 63.146667 21.077334 3.114667 6.485333 80.426667 157.269333 241.28 149.162666 26.837333-1.621333 48.896 19.456 48.896 46.976 1.578667 27.562667-18.901333 50.261333-45.738667 50.261334h-14.165333z"
                  fill="#172B4D" p-id="16369"></path>
              </svg>
            </a>
            <a title="email:1457321681@qq.com" href="Mailto:1457321681@qq.com?Subject=邮箱标题&amp;Body=邮箱内容！">
              <svg t="1649145973361" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="17271" width="15" height="15">
                <path
                  d="M983.899806 785.385782V224.886223h0.180631l-0.180631-4.696419c-0.180632-5.238314-0.722526-10.476627-1.806315-15.714941-2.890104-25.469042-21.675781-44.977245-45.519139-47.686717H122.287529c-11.741048 0-23.482096 1.625684-34.861881 5.238314-30.346093 10.295996-50.757453 40.100194-50.576821 74.058917v534.849885c-0.361263 21.314518 5.780208 42.087141 17.701887 59.789028l0.361263 0.722526 5.418946 3.973893c18.243782 21.856412 44.977245 34.319986 73.517022 34.500618H904.421944c37.751984 0 70.265655-27.094726 79.477862-66.291763l0.180631-0.541894c0.361263-5.96084 0.361263-11.741048-0.180631-17.701888zM390.16405 547.494091l55.453872 49.854295 43.893456 40.100194c5.418945 5.96084 13.005468 9.57347 21.133886 9.57347 7.947786 0 15.534309-3.431999 21.133886-9.57347l101.153642-91.941436 272.753572 263.721997H126.622685L390.16405 547.494091z m120.119951 30.346092L111.449638 216.03528H115.604163c214.409596-0.903158 703.559711-2.890104 793.875463-0.361263l-399.195625 362.166166z m165.458458-69.72376l251.619686-227.956959v474.518963L675.742459 508.116423z m-328.568707 0.180631L93.205856 760.278003V278.895043l253.967896 229.402011z"
                  p-id="17272"></path>
              </svg>
            </a>
            <a title="QQ:1457321681">
              <svg t="1649146096754" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="18277" width="15" height="15">
                <path
                  d="M537.576602 0c345.434577 0 362.285044 329.787714 362.285044 329.787714 52.356809 69.207276 24.072096 131.794725 24.072096 131.794725 168.504671 264.793055 59.578437 341.22196 29.488318 346.638181-29.488318 5.416222-58.374833-32.49733-58.374833-32.49733s-9.628838 37.913551-33.700934 58.374833c87.86315 40.922563 72.216288 92.075767 72.216288 92.075767s-18.655874 154.061414-383.94993 56.569425l-31.293725-5.416222c-350.248996 126.378504-393.578768-43.931575-393.578768-43.931575s-14.443258-71.012683 53.560413-97.491989c-39.718958-24.072096-53.560413-75.2253-53.560413-75.2253s-35.506341 57.77303-81.845126 36.709946C-3.443754 775.723291-31.728467 587.359141 143.997834 451.351799c0 0-25.275701-80.641521 32.49733-128.785713C176.495163 322.566085 192.142025 0 537.576602 0L537.576602 0 537.576602 0zM230.055576 341.22196C153.626672 406.216619 204.779876 471.211278 204.779876 471.211278 36.275204 574.72129 66.365324 742.022357 66.365324 742.022357s27.081108-13.239653 45.736982-52.356809c19.257677-39.117156 48.745994 6.619826 48.745994 6.619826s18.655874 89.066755 74.623497 123.971294c56.569425 34.904539-2.40721 57.171228-2.40721 57.171228s-61.985647 0.601802-56.569425 43.329773c5.416222 42.126168 205.81642 95.084779 325.575097 1.203605l63.791054 8.425234c209.427235 72.81809 312.937247 4.814419 319.557073-8.425234 6.619826-13.239653-31.895527-38.515353-67.401869-53.560413-35.506341-15.04506-44.533377-30.691922-13.239653-51.153204 31.293725-21.063084 43.931575-62.587449 61.985647-105.31542 18.054072-42.72797 45.736982-21.664886 49.347797-9.628838 3.610814 12.036048 29.488318 52.356809 29.488318 52.356809s68.003671-72.216288-73.419893-285.856139c0 0 30.691922-63.791054-21.063084-116.147863 0 0-12.63785-300.299397-320.158876-300.299397C224.639355 52.356809 230.055576 341.22196 230.055576 341.22196L230.055576 341.22196 230.055576 341.22196z"
                  p-id="18278"></path>
              </svg>
            </a>
          </div>
          <div class="borderbotm"></div>
          <div class="mecar-bottm">
            <div>
              <span class="mecarbottm-key">毕业院校</span>
              <span class="mecarbottm-value">山西传媒学院</span>
            </div>
            <div>
              <span class="mecarbottm-key">所在城市</span>
              <span class="mecarbottm-value">山西 晋城</span>
            </div>
            <div>
              <span class="mecarbottm-key">年级</span>
              <span class="mecarbottm-value">23届毕业生</span>
            </div>

          </div>
          <div class="borderbotm"></div>
          <div class="buttom-box ">
            <a class="button" href="Mailto:1457321681@qq.com?Subject=邮箱标题&amp;Body=邮箱内容！">联系我</a>
          </div>
        </div>
      </div>
      <!-- 主要内容部分 -->
      <div class="co-right" id="next-one">
        <div class="content-li li1">
          <div class="li1-box borderbefore">
            <svg t="1663164259401" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="1936" width="30" height="30">
              <path
                d="M128 0l888.832 0-72.704 843.776-376.832 115.712-358.4-115.712zM839.68 254.976l21.504-128-572.416-1.024 36.864 384 372.736 0 0 100.352-124.928 44.032-130.048-46.08-8.192-54.272-102.4 1.024 15.36 135.168 219.136 76.8 230.4-72.704 29.696-309.248-405.504 0-10.24-130.048 428.032 0z"
                p-id="1937"></path>
            </svg>
            <p>Vue、HTML、CSS、JS</p>
          </div>
          <div class="li1-box borderbefore">
            <svg t="1663164308088" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="2882" width="30" height="30">
              <path
                d="M377.642667 791.893333s-39.125333 22.784 27.861333 30.464c81.152 9.301333 122.624 7.978667 212.010667-9.002666 0 0 23.552 14.762667 56.362666 27.562666-200.490667 85.888-453.674667-5.034667-296.234666-49.024m-24.533334-112.085333s-43.861333 32.469333 23.125334 39.424c86.698667 8.917333 155.136 9.685333 273.621333-13.141333 0 0 16.384 16.597333 42.112 25.685333-242.304 70.869333-512.298667 5.546667-338.858667-51.968m206.506667-190.208c49.408 56.874667-12.970667 108.074667-12.970667 108.074667s125.397333-64.768 67.797334-145.834667c-53.802667-75.605333-95.061333-113.152 128.298666-242.688 0-0.042667-350.549333 87.509333-183.125333 280.448m265.130667 385.237333s28.970667 23.850667-31.872 42.282667c-115.712 35.072-481.621333 45.610667-583.210667 1.408-36.522667-15.914667 32-37.973333 53.504-42.581333 22.485333-4.864 35.328-3.968 35.328-3.968-40.661333-28.629333-262.656 56.192-112.768 80.512 408.746667 66.261333 745.045333-29.866667 639.018667-77.653334M396.458667 563.626667s-186.112 44.202667-65.877334 60.245333c50.730667 6.784 151.936 5.248 246.186667-2.645333 77.056-6.485333 154.368-20.352 154.368-20.352s-27.178667 11.605333-46.848 25.045333c-188.970667 49.706667-554.069333 26.581333-448.938667-24.234667 88.832-42.922667 161.109333-38.058667 161.109334-38.058666m333.824 186.624c192.128-99.84 103.296-195.797333 41.301333-182.826667-15.146667 3.157333-21.973333 5.888-21.973333 5.888s5.632-8.832 16.426666-12.672c122.666667-43.136 217.002667 127.189333-39.594666 194.645333 0-0.042667 2.986667-2.645333 3.84-5.034666M614.442667 0s106.410667 106.410667-100.906667 270.08c-166.229333 131.285333-37.888 206.165333-0.042667 291.669333-97.024-87.594667-168.234667-164.608-120.490666-236.330666 70.144-105.344 264.405333-156.373333 221.44-325.418667M415.317333 1020.757333c184.405333 11.818667 467.584-6.528 474.282667-93.781333 0 0-12.885333 33.066667-152.405333 59.349333-157.354667 29.610667-351.530667 26.154667-466.645334 7.168 0-0.042667 23.594667 19.498667 144.768 27.264"
                p-id="2883"></path>
            </svg>
            <p>Java、SpringBoot</p>
          </div>
          <div class="li1-box borderbefore">
            <svg t="1663164338148" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="3834" width="30" height="30">
              <path
                d="M246.744812 635.667692h-14.572307a183.138462 183.138462 0 0 1-109.883077-36.233846 18.510769 18.510769 0 0 0-24.812308 3.544616H95.901735a17.329231 17.329231 0 0 0 3.544616 24.418461A215.433846 215.433846 0 0 0 232.172505 669.538462h14.572307a17.723077 17.723077 0 1 0 0-35.052308zM781.981735 102.793846a17.329231 17.329231 0 0 0 12.996923-5.513846 16.147692 16.147692 0 0 0 4.726154-12.603077 16.147692 16.147692 0 0 0-5.513846-12.209231 18.116923 18.116923 0 0 0-24.812308 0 16.541538 16.541538 0 0 0-4.726153 11.815385 17.723077 17.723077 0 0 0 17.32923 18.510769zM873.747889 270.572308V256a250.486154 250.486154 0 0 0-33.083077-124.455385 17.723077 17.723077 0 0 0-24.024615-6.301538 17.329231 17.329231 0 0 0-6.301539 24.024615 215.433846 215.433846 0 0 1 28.356924 106.732308 169.353846 169.353846 0 0 1 0 24.418462 16.935385 16.935385 0 0 0 12.20923 18.510769 174.08 174.08 0 0 1 120.91077 163.446154 177.230769 177.230769 0 0 1-179.593847 173.292307h-14.572307a17.723077 17.723077 0 1 0 0 35.052308h14.572307a211.889231 211.889231 0 0 0 214.646154-208.344615 207.163077 207.163077 0 0 0-133.12-191.803077zM732.750966 29.144615a272.147692 272.147692 0 0 0-265.846154 11.815385A258.363077 258.363077 0 0 0 371.594043 146.116923a150.843077 150.843077 0 0 0-73.649231-18.904615 147.298462 147.298462 0 0 0-149.267692 143.36A207.556923 207.556923 0 0 0 17.132505 462.375385a202.830769 202.830769 0 0 0 31.901538 109.48923 18.116923 18.116923 0 0 0 14.966154 7.876923 17.329231 17.329231 0 0 0 9.452308-2.756923 15.753846 15.753846 0 0 0 7.483077-11.027692 15.36 15.36 0 0 0-2.363077-14.572308 170.535385 170.535385 0 0 1-25.993847-90.584615 174.08 174.08 0 0 1 118.153847-163.052308 17.329231 17.329231 0 0 0 12.20923-18.116923 82.313846 82.313846 0 0 1 0-9.452307 111.852308 111.852308 0 0 1 115.003077-107.913847 118.153846 118.153846 0 0 1 70.498462 24.024616 18.904615 18.904615 0 0 0 15.753846 3.150769 19.692308 19.692308 0 0 0 11.815385-10.633846 233.156923 233.156923 0 0 1 320.590769-118.153846 17.723077 17.723077 0 0 0 16.147692-31.507693zM511.409428 459.224615a630.153846 630.153846 0 0 0-67.741539 3.15077 17.329231 17.329231 0 0 0-15.753846 19.298461 17.723077 17.723077 0 0 0 19.298462 15.753846c20.48-1.969231 42.141538-3.150769 64.196923-3.150769 106.732308 0 171.716923 23.630769 176.836923 34.658462-5.12 12.603077-70.104615 35.84-176.836923 35.84s-170.929231-23.236923-176.443077-34.264616c0-2.756923 12.209231-12.603077 45.292307-21.267692a17.723077 17.723077 0 0 0 12.603077-21.661539 18.116923 18.116923 0 0 0-21.267692-12.996923c-47.655385 12.603077-71.68 31.113846-71.68 55.138462v370.609231a17.723077 17.723077 0 0 0 17.723077 17.723077 17.723077 17.723077 0 0 0 17.723077-17.723077v-46.08a472.615385 472.615385 0 0 0 176.443077 28.356923 474.978462 474.978462 0 0 0 174.867692-28.356923v98.461538c-5.12 12.603077-70.104615 35.84-176.836923 35.84-89.796923 0-157.538462-16.935385-174.08-33.083077a17.723077 17.723077 0 0 0-25.206154 0 17.723077 17.723077 0 0 0 0 24.812308c27.963077 25.993846 105.944615 42.535385 196.923077 42.535385 78.769231 0 211.889231-14.966154 211.889231-70.498462v-192.984615a17.723077 17.723077 0 0 0-17.723077-17.723077 17.723077 17.723077 0 0 0-17.723077 17.723077v51.987692c-5.12 12.603077-70.104615 36.233846-176.836923 36.233846s-171.716923-23.630769-176.443077-35.446154V712.861538a472.615385 472.615385 0 0 0 176.443077 28.75077c78.769231 0 211.889231-14.966154 211.889231-70.892308v-140.996923c4.332308-57.107692-128.787692-70.498462-207.556923-70.498462z m0 246.941539c-106.732308 0-171.716923-23.236923-176.443077-35.446154v-99.249231a465.526154 465.526154 0 0 0 176.443077 28.750769 467.495385 467.495385 0 0 0 175.261538-28.750769V669.538462c-3.544615 13.390769-68.529231 36.627692-175.261538 36.627692z"
                fill="#333333" p-id="3835"></path>
            </svg>
            <p>Mysql</p>
          </div>
          <div class="li1-box borderbefore">
            <svg t="1663164362075" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="4757" width="30" height="30">
              <path
                d="M695.765333 981.333333h-276.053333c-26.794667 0-47.317333-21.077333-47.317333-48.64V739.84c0-29.184 6.314667-56.746667 17.365333-81.066667-129.365333-48.64-214.528-150.784-214.528-264.277333 0-53.504 17.365333-103.765333 50.474667-147.498667-12.629333-42.154667-15.786667-95.658667-12.629334-157.269333C216.234667 62.122667 236.8 42.666667 261.973333 42.666667c14.208 0 134.101333 1.621333 203.52 64.853333a504.448 504.448 0 0 1 184.533334 0C717.866667 44.288 837.717333 42.666667 853.504 42.666667c25.216 0 45.738667 19.456 47.317333 45.397333 4.693333 61.610667 0 115.114667-12.629333 157.269333C921.301333 290.688 938.666667 340.906667 938.666667 392.832c0 113.493333-85.162667 215.637333-214.528 264.277333a207.786667 207.786667 0 0 1 17.365333 81.066667v192.896c1.578667 27.562667-20.48 50.261333-45.738667 50.261333z m-228.693333-97.28h181.333333V739.84c0-27.562667-12.586667-53.504-33.109333-71.338667-14.165333-11.349333-20.48-30.805333-15.786667-50.261333 4.778667-17.834667 18.944-32.426667 36.309334-35.669333 123.050667-24.32 208.213333-102.144 208.213333-189.696 0-47.018667-25.258667-82.688-45.738667-105.386667-14.208-14.549333-17.365333-35.626667-7.893333-55.082667 6.314667-12.970667 15.786667-40.533333 15.786667-89.173333-39.466667 6.485333-85.205333 19.456-102.528 45.397333-11.093333 16.213333-31.573333 24.32-50.474667 19.456a393.045333 393.045333 0 0 0-194.005333 0c-18.944 4.864-37.888-3.242667-50.474667-19.456-17.365333-25.941333-63.146667-38.912-102.528-45.397333 1.578667 48.64 9.429333 76.202667 15.786667 89.173333 7.850667 17.834667 4.693333 40.533333-7.936 55.082667-20.48 22.698667-45.738667 58.368-45.738667 105.386667 0 87.552 85.205333 163.754667 208.213333 189.696 17.365333 3.242667 31.573333 17.834667 36.266667 35.669333 4.736 17.834667-1.578667 37.290667-15.786667 50.261333a95.104 95.104 0 0 0-33.109333 71.296v144.298667h3.157333z"
                p-id="4758"></path>
              <path
                d="M403.968 788.394667c-212.949333 0-309.162667-194.56-313.898667-202.666667-11.050667-24.32-1.578667-53.461333 20.48-64.810667 23.68-11.349333 52.053333-1.621333 63.146667 21.077334 3.114667 6.485333 80.426667 157.269333 241.28 149.162666 26.837333-1.621333 48.896 19.456 48.896 46.976 1.578667 27.562667-18.901333 50.261333-45.738667 50.261334h-14.165333z"
                p-id="4759"></path>
            </svg>
            <p>github</p>
          </div>
          <div class="li1-box borderbefore">
            <svg t="1663164383323" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="5574" width="30" height="30">
              <path
                d="M711.68 306.688l-97.28 56.32V256L311.296 80.896 7.68 256v350.208l303.616 175.104 33.28-19.456v-73.728l-33.28 19.456-239.616-138.24v-276.48l239.616-138.24 239.616 138.24V568.832L472.576 614.4v-95.744l14.336-8.192V436.736l-78.336 45.056v350.208l303.616 175.104 303.616-175.104V481.792L711.68 306.688z m239.616 488.448l-239.616 138.24-239.616-138.24v-106.496l142.336-81.92V436.736l97.28-56.32 239.616 138.24v276.48z"
                p-id="5575"></path>
            </svg>
            <p>中间件</p>
          </div>
          <div class="li1-box borderbefore">
            <svg t="1663164411953" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="6509" width="30" height="30">
              <path
                d="M781.041526 702.256158c-16.83134 0-34.491559-1.680269-52.873208-5.064342-85.793992-15.801894-151.311171-82.962503-213.415624-152.277172-62.652945 69.642127-129.096217 136.478348-217.570247 152.294568-70.713528 12.640901-130.713041 0.388856-173.508729-35.43607-40.167838-33.624818-61.400419-85.202521-61.400419-149.156088 0-64.520479 21.726837-116.567879 62.833047-150.514015 43.171242-35.655058 102.770642-47.420009 172.33909-34.026978 87.798649 16.901948 154.213267 86.10303 217.33284 156.718321 62.184271-69.613474 127.35148-138.577149 212.878388-156.647713l0 0c67.512626-14.261818 128.272455-3.003404 171.080423 31.705096 41.557488 33.694403 64.444754 87.947028 64.444754 152.765289 0 64.296375-21.394263 116.095112-61.869093 149.797701C869.62198 688.800705 828.659033 702.256158 781.041526 702.256158zM541.569456 514.873444c60.654428 67.89125 119.423927 129.252783 193.847963 142.959969 58.313104 10.744715 106.824981 1.688455 140.287093-26.172079 31.04711-25.853831 47.458895-67.01837 47.458895-119.045303 0-53.279461-17.161868-95.356788-49.629327-121.68134-33.737382-27.353998-81.32112-35.529191-137.603984-23.635303C661.437497 383.037836 602.76112 446.251553 541.569456 514.873444zM243.962338 362.741581c-37.352723 0-69.124334 10.190083-93.373621 30.216185-31.596625 26.093285-48.296983 67.471694-48.296983 119.659287 0 51.728128 16.276708 92.695169 47.070039 118.471229 33.419134 27.975145 82.102926 37.217646 140.779304 26.728758 77.165474-13.795191 136.761803-74.853825 197.828624-142.966109C426.068885 445.440072 366.364085 382.095371 289.87911 367.369995 273.809109 364.277564 258.462586 362.741581 243.962338 362.741581z"
                p-id="6510"></path>
            </svg>
            <p>其他</p>
          </div>
        </div>

        <div class="content-li li2">
          <h3>
            <span>文章
            </span>
            <div class="borderbotm"></div>
            <span>02</span>
          </h3>
          <div class="li2-box carbox">
            <div class="address-wrap">
              <div class="address-left">
                <span class="zd">置顶</span>
                <span>vue</span>
              </div>
              <div class="address-right">
                <svg t="1663149212139" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="1979" width="20" height="20">
                  <path
                    d="M192 512a320 320 0 1 1 640 0 320 320 0 0 1-640 0zM512 128a384 384 0 1 0 0 768 384 384 0 0 0 0-768z m21.333333 224a32 32 0 0 0-64 0V554.666667h202.666667a32 32 0 0 0 0-64H533.333333V352z"
                    fill="#222222" p-id="1980"></path>
                </svg>
                <span>2022-09-14 15:43:23</span>
              </div>
            </div>

            <p>Vue CLI(1): npm run build打包优化</p>
            <div class="text-img">
              <img src="./img/project/uniapp.png" alt="">
              <img src="./img/project/daohanglan.png" alt="">
            </div>
            <p>原因一：vue-cli npm run build 命令打包时默认会把 dependencies 中的依赖统一打包，这就导致打包后的 vendor.js 文件过大，从而使得首次启动时下载 vendor.js
              缓慢。</p>
            <div class="text-block">
              <blockquote>
                解决:vue、axios、element-ui、iView基本不再修改的依赖cdn引入不必要打包到 vendor.js 中
              </blockquote>
            </div>
            <p class="text-hover">
              ①在项目 根目录 index.html 使用cdn节点引入各种依赖 <br>
              ②在项目 根目录 build/webpack.base.config.js 中 module.exports 内添加 externals <br>
              ③在项目 根目录 src/mian.js 中将以上通过CDN已经引入的依赖 import ... from ... 删除(如：import Vue from
              'vue')，若没有删除则webpack还是会把对应的依赖进行打包。
            </p>


            <p>原因二：vue-cli npm run build 命令打包时默认会生成 相对应的map(调试和日志代码)文件，从而导致打包后的整个 static文件夹
              过大(尤其是vendor.js.map最大)，使得部署和上传缓慢。</p>
            <div class="text-block">
              <blockquote>
                解决:webpack打包时不产生map文件
              </blockquote>
            </div>
            <p class="text-hover">
              在项目 根目录 config/index.js 中 build 内找到 productionSourceMap: true,　把 true改为false。从而重新打包以后，系统就不会自动生成 map文件了。
            </p>

            <p>原因三：vue-cli npm run build 命令打包时 压缩优化不彻底。这里 webpack 其实自带有一个优化打包的方法(Gzip 文件压缩)，只是 vue-cli 默认没有使用。
              (在node服务器在中也可以使用Gzip压缩)</p>
            <div class="text-block">
              <blockquote>
                解决法案：webpack 自带优化打包的方法(Gzip 文件压缩)
              </blockquote>
            </div>
            <p class="text-hover">
              ①在项目 根目录config/index.js 中 build 内找到 productionGzip: false， 把 false改为true。与 productionSourceMap 刚好相反。 <br>
              ②安装插件 compression-webpack-plugin<br>注:安装的时候带上版本号，现在 compression-webpack-plugin
              2.0已出，默认该命令安装最新版，最新版本和当前的webpack不匹配，要报错。 <br>
              cnpm install --save-dev compression-webpack-plugin@1.1.12 //1.1最新版 <br>
              ③compression-webpack-plugin安装完成后，npm run build 执行后会发现js文件夹内每个js文件都有一个相对应的gz后缀文件，而且gz文件比相对应的js文件小很多。浏览器如果支持
              g-zip 会自动查找有没有gz文件，找到了就直接加载gz文件然后本地解压并执行。
            </p>


          </div>
        </div>

        <div class="content-li li3">
          <h3>
            <span>全部文章</span>
            <div class="borderbotm"></div>
            <span>03</span>
          </h3>

          <div class="time-tags-wrap">
            <span>2022年9月 <i>2</i></span>
            <span>2022年8月 <i>2</i></span>
            <span>2022年7月 <i>3</i></span>
          </div>
          <div class="carbox li3-box">
            <a>数组的响应式检测：(解决方法：总是返回一个新数组)</a>
            <p>Vue.set(vm.items, indexOfItem, newValue) <br>
              vm.$set(vm.items, indexOfItem, newValue) // vm.$set是Vue.set方法的一个别名 <br>
              vm.items.splice(indexOfItem, 1, newValue)</p>
            <div class="address-wrap">
              <div class="address-left">
                <span class="zd">置顶</span>
                <span>vue</span>
                <span>踩坑</span>
              </div>
              <div class="address-right">
                <span>
                  <svg t="1663167559418" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="8282" width="20" height="20">
                    <path
                      d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
                      p-id="8283"></path>
                  </svg>
                  1
                </span>

                <svg t="1663149212139" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="1979" width="20" height="20">
                  <path
                    d="M192 512a320 320 0 1 1 640 0 320 320 0 0 1-640 0zM512 128a384 384 0 1 0 0 768 384 384 0 0 0 0-768z m21.333333 224a32 32 0 0 0-64 0V554.666667h202.666667a32 32 0 0 0 0-64H533.333333V352z"
                    fill="#222222" p-id="1980"></path>
                </svg>
                <span>2022-09-10 13:20:23</span>
              </div>
            </div>
          </div>
          <div class="carbox li3-box">
            <a>computed和method区别</a>
            <p>computed具有缓存功能，计算结果(data依赖数据)发生变化时才会被调用；(结果相同即使多次调用也只执行一次)
              methods页面加载调用一次，主动触发就调用(只执行逻辑代码)
            </p>
            <div class="address-wrap">
              <div class="address-left">
                <span>vue</span>
                <span>踩坑</span>
              </div>
              <div class="address-right">
                <span>
                  <svg t="1663167559418" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="8282" width="20" height="20">
                    <path
                      d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
                      p-id="8283"></path>
                  </svg>
                  1
                </span>

                <svg t="1663149212139" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="1979" width="20" height="20">
                  <path
                    d="M192 512a320 320 0 1 1 640 0 320 320 0 0 1-640 0zM512 128a384 384 0 1 0 0 768 384 384 0 0 0 0-768z m21.333333 224a32 32 0 0 0-64 0V554.666667h202.666667a32 32 0 0 0 0-64H533.333333V352z"
                    fill="#222222" p-id="1980"></path>
                </svg>
                <span>2022-08-27 15:30:23</span>
              </div>
            </div>
          </div>
          <div class="carbox li3-box">
            <a>对象响应式属性的添加或删除(！！致使引导地址发生改变才会触发响应)</a>
            <p>
              Vue.set(object, key, value) <br>
              vm.userProfile = Object.assign({}, vm.object, { 在vuex中可以这样修改 <br>
              key: value,<br>
              key: value<br>
              })
            </p>
            <div class="address-wrap">
              <div class="address-left">
                <span>vue</span>
                <span>踩坑</span>
              </div>
              <div class="address-right">
                <span>
                  <svg t="1663167559418" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="8282" width="20" height="20">
                    <path
                      d="M857.28 344.992h-264.832c12.576-44.256 18.944-83.584 18.944-118.208 0-78.56-71.808-153.792-140.544-143.808-60.608 8.8-89.536 59.904-89.536 125.536v59.296c0 76.064-58.208 140.928-132.224 148.064l-117.728-0.192A67.36 67.36 0 0 0 64 483.04V872c0 37.216 30.144 67.36 67.36 67.36h652.192a102.72 102.72 0 0 0 100.928-83.584l73.728-388.96a102.72 102.72 0 0 0-100.928-121.824zM128 872V483.04c0-1.856 1.504-3.36 3.36-3.36H208v395.68H131.36A3.36 3.36 0 0 1 128 872z m767.328-417.088l-73.728 388.96a38.72 38.72 0 0 1-38.048 31.488H272V476.864a213.312 213.312 0 0 0 173.312-209.088V208.512c0-37.568 12.064-58.912 34.72-62.176 27.04-3.936 67.36 38.336 67.36 80.48 0 37.312-9.504 84-28.864 139.712a32 32 0 0 0 30.24 42.496h308.512a38.72 38.72 0 0 1 38.048 45.888z"
                      p-id="8283"></path>
                  </svg>
                  5
                </span>

                <svg t="1663149212139" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="1979" width="20" height="20">
                  <path
                    d="M192 512a320 320 0 1 1 640 0 320 320 0 0 1-640 0zM512 128a384 384 0 1 0 0 768 384 384 0 0 0 0-768z m21.333333 224a32 32 0 0 0-64 0V554.666667h202.666667a32 32 0 0 0 0-64H533.333333V352z"
                    fill="#222222" p-id="1980"></path>
                </svg>
                <span>2022-07-10 10:43:23</span>
              </div>
            </div>
          </div>
        </div>
        <div class="borderbotm"></div>
        <div class="carbox copybottm">
          © 2022 wttandroid
        </div>
      </div>
    </div>
</body>

<script src="./js/base.js"></script>
<script type="text/javascript" src="./js/paper-full.min.js"></script>
<script type="text/javascript" src="./js/canvas.js"></script>

</html>
